window.onload = function () {
	let timer = setInterval(() => {
		move(true, '.carousel_template_img_display', 50, 1000)
	}, 3000)

	$('.arrow_group_right')
		.eq(0)
		.click(() => {
			// 点击的时候，清除掉定时器，在动画结束后，再次附加上定时器
			clearInterval(timer)
			move(true, '.carousel_template_img_display', 50, 1000).then(() => {
				timer = setInterval(function () {
					move(true, '.carousel_template_img_display', 50, 1000)
				}, 3000)
			})
		})

	$('.arrow_group_left')
		.eq(0)
		.click(() => {
			clearInterval(timer)
			move(false, '.carousel_template_img_display', 50, 1000).then(() => {
				timer = setInterval(function () {
					move(true, '.carousel_template_img_display', 50, 1000)
				}, 3000)
			})
		})

	$('.dot_group > ul > li').each((index, val) => {
		$(val).click(() => {
			introduce_img_index = index + 1
			$('.carousel_template_img_display')
				.eq(0)
				.animate(
					{
						left: `${-introduce_img_index * 50}vw`
					},
					500,
					() => {
						clearInterval(timer)
						timer = setInterval(function () {
							move(
								true,
								'.carousel_template_img_display',
								50,
								1000
							)
						}, 3000)
					}
				)
		})
	})
}
